Page({

    /**
     * 页面的初始数据
     */
    data: {
        // 当前被选中的分类
        index: 0,
        navlist:["星空","风景","爱情","二次元","游戏","插画","科技","创意","汽车","美食","潮流","萌宠","明星","搞笑"],
        word: '星空',
    },
      //   渲染数据的方法
      getdata:function() {
        //取到词条
        const word = this.data.word
        const that = this
        wx.request({
          url:"https://api.zhuti.xiaomi.com/app/v9/uipages/search/tag?tag="+word+"&cardStart=0&cardCount=20&devicePixel=480&type=WALLPAPER&region=cn",  
          header: {
              "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
          },
          success: (result) => {
              console.log(result.data.apiData.cards[0].products)
              // console.log(datalist.concat(result.data.apiData.cards[0].products))
              that.setData({
                  datalist: result.data.apiData.cards[0].products,
              })
          },
        })
    },

    // 点击分类的导航方法
    navclick: function(e) {
        console.log(e.currentTarget.dataset.name)
        this.setData({
            word: e.currentTarget.dataset.name,
            // 点击修改样式
            index: e.currentTarget.dataset.index
        })
        this.getdata()
    },

        // 点击进行详情页跳转
        imgshow: function(e) {
            // 拿到当前图片的数据并且整理数据'
            console.log(e.currentTarget.dataset.index)
            const index = e.currentTarget.dataset.index
            const datalist = this.data.datalist
            console.log(datalist[index].imageUrl)
            // 整理数据
            const dataobj = {
                url: datalist[index].imageUrl,
                title: datalist[index].name
            }
            
    
            // 跳转页面
            wx.navigateTo({
              url: '../detail/detail',
              success: (result) => {
                  result.eventChannel.emit('acceptDataFromOpenerPage',{ data: dataobj})
              }
    
            })
        },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function(option) {
        this.getdata()
    },

            // 页面上拉触底事件的处理函数
            onReachBottom: function() {
                console.log('到底了')
                wx.showLoading({
                  title: '图片加载中',
                })
                  console.log('下拉了')
                // 拿到原数组的基础下，在其基础上进行新数组的合并，重新渲染页面
                let index = this.data.index
                index = index + 1
                this.getdata(index)
                // console.log(this.data.datalist)
                this.setData({
                    index:index
                })
                //图片缓加载
                setTimeout(function(){
                    wx.hideLoading()
                },2000)
              },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})